<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>云服务--顾名思义（云别的服务）</title>
		<!-- 引入框架 -->
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/top&footer.css" />
		<link rel="stylesheet" href="../css/model.css" />
		<link rel="stylesheet" href="../图标字体/1/iconfont.css" />
		<link rel="stylesheet" href="../lib/cloudService/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../lib/cloudService/js/jquery.min.js" />
		<link rel="stylesheet" href="../lib/cloudService/js/bootstrap.min.js" />
		<!-- 引入tool中的icon -->
		<link rel="stylesheet" href="../lib/cloudService/tool/font/iconfont.css" />
		<!-- 引入常规样式 -->
		<link rel="stylesheet" href="../lib/cloudService/css/tool.css" />
		<link rel="stylesheet" href="../lib/cloudService/css/footer.css" />
		<!-- 引入背景色 -->
		<link rel="stylesheet" href="../lib/cloudService/css/li-bgc-color.css" />
		<style>
			/* 头部 */
			.nav-top a {
				color: #000;
			}

			.log-top {
				color: #000;
				border: 1px solid #f0f0f0;
			}
			header {
				/* border-bottom: rgba(41, 71, 240, 0.5) 1px solid; */
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
			}
			/* 主体第一部分 */
			#det1 {
				width: 100%;
				height: 400px;
				background-color: rgba(240, 240, 240, 0.4);
				padding-top: 48px;
			}
			#det1 > div {
				height: 348px;
				width: 1100px;
				border: none;
				margin: 0 auto;
				justify-content: space-between;
				align-items: center;
			}
			.placeholder {
				height: 50px;
			}
			.active1 {
				border-bottom: 2px solid #00bdff;
			}
			.tool-nav .nav-pills {
				height: 42px;
			}
		</style>
	</head>

	<body>
		<!-- 头部 -->
		<header class="z99">
			<div class="header-top fe b-box flex-c-sb">
				<!-- log -->
				<img src="../img/new-logo-white.png" alt="" />
				<!-- nav -->
				<nav class="nav-top fe flex-sb">
					<a href="../html/index.html" class="fc-white">首页</a>
					<a href="../html/api.html" class="fc-white">API</a>
					<a href="../html/service.html" class="fc-white active1">云服务</a>
					<a href="../html/example.html" class="fc-white">案例</a>
					<a href="../html/developer.html" class="fc-white">开发者</a>
				</nav>
				<!-- 登录注册 -->
				<div class="btn-top fe flex-sb">
					<button class="log-top fc-white cursor">登录</button>
					<button class="register-top cursor">注册有礼</button>
				</div>
			</div>
		</header>
		<span class="reminder1">可跳转的有</span>
		<span class="reminder2">好多好多好多</span>
		<span class="reminder3">好多好多</span>
		<div class="placeholder"></div>
		<!-- 顶部内容 -->
		<div class="container">
			<h2 class="page-header">
				<div class="row">
					<div class="col-xs-3">云服务-云别人</div>
				</div>
			</h2>
		</div>

		<!-- 导航 -->
		<div class="container tool-nav">
			<ul class="nav nav-pills">
				<li role="presentation" class="active"><a href="#">生存利器</a></li>
				<li role="presentation"><a href="soft.html">系统软件</a></li>
				<li role="presentation">
					<a href="office.html">办公室白领必备技巧</a>
				</li>
			</ul>
		</div>

		<!-- 软件工具明细 -->
		<div class="container">
			<!--  常用招聘网站 -->
			<span class="glyphicon glyphicon-tags" style="margin: 15px 0">
				来都来了，先找工作吧！</span
			>
			<div class="row text-center">
				<div class="col-md-4 col-xs-12 col-sm-6 tool-li">
					<a href="https://oa.dingtalk.com/" target="_blank">
						<div class="tool-li-li li-bgc-11">
							<i class="iconfont icon-dingding"></i>
						</div>
					</a>
					<div class="text-left" style="margin-top: 10px">钉钉后台</div>
					<div class="text-left text-color-height">
						数字化新工作平台，让工作更简单,入职后使用哦
					</div>
				</div>

				<div class="col-md-4 col-xs-12 col-sm-6 tool-li">
					<a href="https://www.liepin.com/" target="_blank">
						<div class="tool-li-li li-bgc-48">
							<i class="iconfont icon-liepin"></i>
						</div>
					</a>
					<div class="text-left" style="margin-top: 10px">猎聘</div>
					<div class="text-left text-color-height">中高端求职招聘网站</div>
				</div>

				<div class="col-md-4 col-xs-12 col-sm-6 tool-li">
					<a href="https://www.zhaopin.com/" target="_blank">
						<div class="tool-li-li li-bgc-40">
							<i class="iconfont icon-zhaopin"></i>
						</div>
					</a>
					<div class="text-left" style="margin-top: 10px">智联招聘</div>
					<div class="text-left text-color-height">上智联，勇往“值钱”</div>
				</div>

				<div class="col-md-4 col-xs-12 col-sm-6 tool-li">
					<a href="https://www.51job.com/" target="_blank">
						<div class="tool-li-li li-bgc-31">
							<i class="iconfont icon-qianchengwuyouFDC"></i>
						</div>
					</a>
					<div class="text-left" style="margin-top: 10px">前程无忧</div>
					<div class="text-left text-color-height">好工作尽在全程无忧</div>
				</div>

				<div class="col-md-4 col-xs-12 col-sm-6 tool-li">
					<a href="https://www.zhipin.com/" target="_blank">
						<div class="tool-li-li li-bgc-32">
							<i class="iconfont icon-BOSS"></i>
						</div>
					</a>
					<div class="text-left" style="margin-top: 10px">BOSS直聘</div>
					<div class="text-left text-color-height">找工作，我要和老板谈</div>
				</div>

				<div class="col-md-4 col-xs-12 col-sm-6 tool-li">
					<a href="https://www.58.com/" target="_blank">
						<div class="tool-li-li li-bgc-33">
							<i class="iconfont icon-581193365easyiconnet"></i>
						</div>
					</a>
					<div class="text-left" style="margin-top: 10px">58同城</div>
					<div class="text-left text-color-height">一个神奇的网站</div>
				</div>
			</div>

			<!-- 添加标题 创意工具 -->
			<span class="glyphicon glyphicon-tags" style="margin: 15px 0">
				创意工具</span
			>
			<div class="row text-center">
				<div class="col-md-4 col-xs-12 col-sm-6 tool-li">
					<a href="https://placeholder.com/" target="_blank">
						<div class="tool-li-li li-bgc-1">
							<i class="iconfont icon-zhanweitu"></i>
						</div>
					</a>
					<div class="text-left" style="margin-top: 10px">占位图</div>
					<div class="text-left text-color-height">
						解决开发时设计没有素材的问题
					</div>
				</div>

				<div class="col-md-4 col-xs-12 col-sm-6 tool-li">
					<a href="https://www.remove.bg/" target="_blank">
						<div class="tool-li-li li-bgc-2">
							<i class="iconfont icon-qushuiyin"></i>
						</div>
					</a>
					<div class="text-left" style="margin-top: 10px">在线一键抠图</div>
					<div class="text-left text-color-height">
						Remove Background from Image-remove.bg
					</div>
				</div>

				<div class="col-md-4 col-xs-12 col-sm-6 tool-li">
					<a href="https://uigradients.com" target="_blank">
						<div class="tool-li-li li-bgc-3">
							<i class="iconfont icon-jianbianloading"></i>
						</div>
					</a>
					<div class="text-left" style="margin-top: 10px">uigradients</div>
					<div class="text-left text-color-height">
						色彩渐变配色网站，生而美丽的网站
					</div>
				</div>

				<div class="col-md-4 col-xs-12 col-sm-6 tool-li">
					<a href="http://www.iconfont.cn/" target="_blank">
						<div class="tool-li-li li-bgc-4">
							<i class="iconfont icon-user"></i>
						</div>
					</a>
					<div class="text-left" style="margin-top: 10px">阿里图标</div>
					<div class="text-left text-color-height">
						Iconfont-阿里巴巴矢量图标库--白嫖利器
					</div>
				</div>

				<div class="col-md-4 col-xs-12 col-sm-6 tool-li">
					<a href="https://www.easyicon.net/" target="_blank">
						<div class="tool-li-li li-bgc-5">
							<i class="iconfont icon-xiongmao"></i>
						</div>
					</a>
					<div class="text-left" style="margin-top: 10px">easyicon精美图标</div>
					<div class="text-left text-color-height">搜索607,501个精美图标</div>
				</div>
			</div>

			<!-- 添加标题 头脑风暴 -->
			<span class="glyphicon glyphicon-tags" style="margin: 15px 0">
				梳理笔记：分享知识</span
			>
			<div class="row text-center">
				<div class="col-md-4 col-xs-12 col-sm-6 tool-li">
					<a href="https://www.xmind.cn/" target="_blank">
						<div class="tool-li-li li-bgc-6">
							<i class="iconfont icon-xmind"></i>
						</div>
					</a>
					<div class="text-left" style="margin-top: 10px">XMind</div>
					<div class="text-left text-color-height">高颜值思维导图</div>
				</div>

				<div class="col-md-4 col-xs-12 col-sm-6 tool-li">
					<a href="https://www.processon.com/" target="_blank">
						<div class="tool-li-li li-bgc-7">
							<i class="iconfont icon-On"></i>
						</div>
					</a>
					<div class="text-left" style="margin-top: 10px">ProcessOn</div>
					<div class="text-left text-color-height">
						ProcessOn 支持流程图、思维导图、组织结构图等
					</div>
				</div>
			</div>

			<!-- 添加标题 视频剪辑 -->
			<span class="glyphicon glyphicon-tags" style="margin: 15px 0">
				潜力工作：成为一个up猪</span
			>
			<div class="row text-center">
				<div class="col-md-4 col-xs-12 col-sm-6 tool-li">
					<a href="http://www.huishenghuiying.com.cn/" target="_blank">
						<div class="tool-li-li li-bgc-8">
							<i class="iconfont icon-shiting-huishenghuiying"></i>
						</div>
					</a>
					<div class="text-left" style="margin-top: 10px">会声会影</div>
					<div class="text-left text-color-height">功能强大的视频编辑软件</div>
				</div>

				<div class="col-md-4 col-xs-12 col-sm-6 tool-li">
					<a
						href="https://www.adobe.com/cn/products/premiere/free-trial-download.html"
						target="_blank"
					>
						<div class="tool-li-li li-bgc-9">
							<i class="iconfont icon-premiere"></i>
						</div>
					</a>
					<div class="text-left" style="margin-top: 10px">Premiere</div>
					<div class="text-left text-color-height">
						一款常用、专业的视频编辑软件
					</div>
				</div>

				<div class="col-md-4 col-xs-12 col-sm-6 tool-li">
					<a href="https://www.ae.com/us/en" target="_blank">
						<div class="tool-li-li li-bgc-10">
							<i class="iconfont icon-ae"></i>
						</div>
					</a>
					<div class="text-left" style="margin-top: 10px">After effects</div>
					<div class="text-left text-color-height">功能强大的视频编辑软件</div>
				</div>
			</div>
		</div>

		<!-- 底部通用代码 -->
		<div class="container footer" style="margin-bottom: 15px">
			<h5 class="page-header" style="margin-bottom: 10px">About</h5>
			<a
				style="margin-right: 15px"
				href="https://www.bootcss.com/"
				target="view_window"
				>Bootstrap</a
			>
			<a
				style="margin-right: 15px"
				href="https://glyphicons.com/"
				target="view_window"
				>Glyphicons</a
			>
			<a
				style="margin-right: 15px"
				href="http://iconfont.cn/"
				target="view_window"
				>iconfont</a
			>
		</div>
		<!-- 模态框 -->
		<section class="model"></section>
		<script src="../js/util.js"></script>
		<script src="../js/login&register.js"></script>
	</body>
</html>
